<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自适应</title>
    <link rel="stylesheet" href="./CSS/index.css">
    <script src="./JS/flexible.js"></script>
</head>
<body>
    <div id="search-nav-wrapper">
        <div class="search-wrapper">
            <div class='search-left'>长沙&nbsp;▼</div>
            <div class="search-box">
                <input type="text" placeholder="输入小区、商圈、地铁站等等">
            </div>
            <div class="search-right"><img src="./Images/nav.png"></div>
        </div>
        <div class="nav-wrapper">
            <img src="./Images/bg.png">
            <div class="nav-box">
                <ul>
                    <li>
                        <div></div>
                        <span>新房</span>    
                    </li>
                    <li>
                        <div></div>
                        <span>二手房</span>
                    </li>
                    <li>
                        <div></div>
                        <span>在售楼盘</span>
                    </li>
                    <li>
                        <div></div>
                        <span>优购专区</span>
                    </li>
                    <li>
                        <div></div>
                        <span>自助导航</span>
                    </li>
                    <li>
                        <div></div>
                        <span>新闻中心</span>
                    </li>
                </ul>
            </div>
            <div class="nav-seat"></div>
        </div>
        <div class="tool-wrapper">
            <div class="tool-content">
                <img src="./Images/计算器.png">
                <div>
                    <div>房贷计算器</div>
                    <div>快速计算出房贷额度</div>
                </div>
            </div>
            <div class="tool-content">
                <img src="./Images/小贴士.png">
                <div>
                    <div>购房贴士</div>
                    <div>帮助您更便捷了解</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>